<template>
  <div style="border: 1px solid cornflowerblue">
    <p>foo:{{ foo }}</p>
    <p>attrs:{{ $attrs }}</p>
    <p>listeners:{{ $listeners }}</p>
    <!-- childDomChild组件中能直接触发upRocket的原因在于 childDom组件调用childDomChild组件时 使用 v-on 绑定了$listeners 属性 -->
    <!-- 通过v-bind 绑定$attrs属性，childDomChild组件可以直接获取到A组件中传递下来的props（除了B组件中props声明的） -->
    <childDomChild v-bind="$attrs" v-on="$listeners" />
  </div>
</template>
<script>
import childDomChild from './ChildDomChild'
export default {
  name: 'ChildDom',
  components: {
    childDomChild
  },
  inheritAttrs: false, // 此处设置禁用继承特性
  props: {
    foo: {
      type: String,
      default: ''
    }
  }
}
</script>
